
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */

@font-face {
    font-family: 'iconfont';  /* Project id 4787729 */
    src: url('//at.alicdn.com/t/c/font_4787729_hfh9pwt3cgj.woff2?t=1736479852055') format('woff2'),
         url('//at.alicdn.com/t/c/font_4787729_hfh9pwt3cgj.woff?t=1736479852055') format('woff'),
         url('//at.alicdn.com/t/c/font_4787729_hfh9pwt3cgj.ttf?t=1736479852055') format('truetype');
  }
.iconfont {
    font-family: 'iconfont' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

// 引入字体
@font-face {
    font-family: denglong;
    src: url(./font/denglong.ttf) format('truetype');
    font-display: swap;
}

  


// 淡绿色系  
[data-theme=default] {
    --primaryColor: #669c66; /* 主色 h*/
    --accentColor1: #F5F5F5; /* 辅助色1 */
    --accentColor2: #bebebe; /* 辅助色2 */
    --textTitleColor: #2B6047; /* 标题文字颜色 h*/
    --textBodyColor: #4A4A4A; /* 正文字体颜色 */
    --textLinkColor: #8AAE92; /* 链接字体颜色 */
    --textLinkHoverColor: #6D9A7D; /* 链接悬停颜色 */
    --bgMain: #F2F9F2; /* 主背景色 */
    --bgCard: #FFFFFF; /* 卡片背景色 */
    --dividerColor: #D6E8D6; /* 分隔线颜色 */
    --iconColor: #6B986B; /* 图标颜色 */
    --iconActiveColor: #A2C5A2; /* 活跃图标颜色 */
    --buttonPrimaryBg: #8AAE92; /* 主按钮背景 */
    --buttonPrimaryText: #FFFFFF; /* 主按钮字体颜色 */
    --buttonPrimaryHoverBg: #6D9A7D; /* 主按钮悬停背景 */
    --buttonPrimaryHoverText: #F5F5F5; /* 主按钮悬停字体颜色 */
    --buttonSecondaryBg: #F5F5F5; /* 次按钮背景 */
    --buttonSecondaryBorder: #B2D8B2; /* 次按钮边框 */
    --buttonSecondaryText: #2B6047; /* 次按钮字体颜色 */
}

// 高级中性色系
[data-theme="neutral"] {
    --primaryColor: #EFE8DE; /* 主色 */
    --accentColor1: #7D7D7D; /* 辅助色1 */
    --accentColor2: #BAA89D; /* 辅助色2 */
    --textTitleColor: #2E2E2E; /* 标题文字颜色 */
    --textBodyColor: #4A4A4A; /* 正文字体颜色 */
    --textLinkColor: #7D7D7D; /* 链接字体颜色 */
    --textLinkHoverColor: #5A5A5A; /* 链接悬停颜色 */
    --bgMain: #FBF7F0; /* 主背景色 */
    --bgCard: #e5e5e5; /* 卡片背景色 */
    --dividerColor: #D6CEC5; /* 分隔线颜色 */
    --iconColor: #BAA89D; /* 图标颜色 */
    --iconActiveColor: #7D7D7D; /* 活跃图标颜色 */
    --buttonPrimaryBg: #EFE8DE; /* 主按钮背景 */
    --buttonPrimaryText: #2E2E2E; /* 主按钮字体颜色 */
    --buttonPrimaryHoverBg: #D6CEC5; /* 主按钮悬停背景 */
    --buttonPrimaryHoverText: #FFFFFF; /* 主按钮悬停字体颜色 */
    --buttonSecondaryBg: #FFFFFF; /* 次按钮背景 */
    --buttonSecondaryBorder: #BAA89D; /* 次按钮边框 */
    --buttonSecondaryText: #7D7D7D; /* 次按钮字体颜色 */
}

// 清新蓝绿色系
[data-theme="blue-green"] {
    --primaryColor: #A0D2DB; /* 主色 */
    --accentColor1: #5CA4B8; /* 辅助色1 */
    --accentColor2: #E4F2F4; /* 辅助色2 */
    --textTitleColor: #1F4E5F; /* 标题文字颜色 */
    --textBodyColor: #3C3C3C; /* 正文字体颜色 */
    --textLinkColor: #5CA4B8; /* 链接字体颜色 */
    --textLinkHoverColor: #2F7A8A; /* 链接悬停颜色 */
    --bgMain: #E4F2F4; /* 主背景色 */
    --bgCard: #FFFFFF; /* 卡片背景色 */
    --dividerColor: #A0D2DB; /* 分隔线颜色 */
    --iconColor: #5CA4B8; /* 图标颜色 */
    --iconActiveColor: #1F4E5F; /* 活跃图标颜色 */
    --buttonPrimaryBg: #A0D2DB; /* 主按钮背景 */
    --buttonPrimaryText: #FFFFFF; /* 主按钮字体颜色 */
    --buttonPrimaryHoverBg: #5CA4B8; /* 主按钮悬停背景 */
    --buttonPrimaryHoverText: #FFFFFF; /* 主按钮悬停字体颜色 */
    --buttonSecondaryBg: #E4F2F4; /* 次按钮背景 */
    --buttonSecondaryBorder: #A0D2DB; /* 次按钮边框 */
    --buttonSecondaryText: #1F4E5F; /* 次按钮字体颜色 */
}

// 豆包生成

// 简约冷调风
[data-theme=blue] {
    --primaryColor: #96c7fb; /* 主色 */
    --accentColor1: #D3D3D3; /* 辅助色1 */
    --accentColor2: #F0F8FF; /* 辅助色2 */
    --textTitleColor: #333333; /* 标题文字颜色 */
    --textBodyColor: #333333; /* 正文字体颜色 */
    --textLinkColor: #0056b3; /* 链接字体颜色 */
    --textLinkHoverColor: #003f85; /* 链接悬停颜色 */
    --bgMain: #F0F8FF; /* 主背景色 */
    --bgCard: #FFFFFF; /* 卡片背景色 */
    --dividerColor: #D3D3D3; /* 分隔线颜色 */
    --iconColor: #007BFF; /* 图标颜色 */
    --iconActiveColor: #0056b3; /* 活跃图标颜色 */
    --buttonPrimaryBg: #007BFF; /* 主按钮背景 */
    --buttonPrimaryText: #FFFFFF; /* 主按钮字体颜色 */
    --buttonPrimaryHoverBg: #0056b3; /* 主按钮悬停背景 */
    --buttonPrimaryHoverText: #FFFFFF; /* 主按钮悬停字体颜色 */
    --buttonSecondaryBg: #FFFFFF; /* 次按钮背景 */
    --buttonSecondaryBorder: #007BFF; /* 次按钮边框 */
    --buttonSecondaryText: #007BFF; /* 次按钮字体颜色 */
}
// 温暖活力风
[data-theme=orange] {
    --primaryColor: #f6ae9f; /* 主色 */
    --accentColor1: #E0E0E0; /* 辅助色1 */
    --accentColor2: #FFF8E7; /* 辅助色2 */
    --textTitleColor: #444444; /* 标题文字颜色 */
    --textBodyColor: #444444; /* 正文字体颜色 */
    --textLinkColor: #b33d23; /* 链接字体颜色 */
    --textLinkHoverColor: #8a2e1b; /* 链接悬停颜色 */
    --bgMain: #FFF8E7; /* 主背景色 */
    --bgCard: #FFFFFF; /* 卡片背景色 */
    --dividerColor: #E0E0E0; /* 分隔线颜色 */
    --iconColor: #FF5733; /* 图标颜色 */
    --iconActiveColor: #b33d23; /* 活跃图标颜色 */
    --buttonPrimaryBg: #FF5733; /* 主按钮背景 */
    --buttonPrimaryText: #FFFFFF; /* 主按钮字体颜色 */
    --buttonPrimaryHoverBg: #b33d23; /* 主按钮悬停背景 */
    --buttonPrimaryHoverText: #FFFFFF; /* 主按钮悬停字体颜色 */
    --buttonSecondaryBg: #FFFFFF; /* 次按钮背景 */
    --buttonSecondaryBorder: #FF5733; /* 次按钮边框 */
    --buttonSecondaryText: #FF5733; /* 次按钮字体颜色 */
}

// 高级莫兰迪风
[data-theme=gray] {
    --primaryColor: #999999; /* 主色 */
    --accentColor1: #D9D9D9; /* 辅助色1 */
    --accentColor2: #ECECEC; /* 辅助色2 */
    --textTitleColor: #666666; /* 标题文字颜色 */
    --textBodyColor: #666666; /* 正文字体颜色 */
    --textLinkColor: #777777; /* 链接字体颜色 */
    --textLinkHoverColor: #555555; /* 链接悬停颜色 */
    --bgMain: #ECECEC; /* 主背景色 */
    --bgCard: #FFFFFF; /* 卡片背景色 */
    --dividerColor: #D9D9D9; /* 分隔线颜色 */
    --iconColor: #999999; /* 图标颜色 */
    --iconActiveColor: #777777; /* 活跃图标颜色 */
    --buttonPrimaryBg: #999999; /* 主按钮背景 */
    --buttonPrimaryText: #FFFFFF; /* 主按钮字体颜色 */
    --buttonPrimaryHoverBg: #777777; /* 主按钮悬停背景 */
    --buttonPrimaryHoverText: #FFFFFF; /* 主按钮悬停字体颜色 */
    --buttonSecondaryBg: #FFFFFF; /* 次按钮背景 */
    --buttonSecondaryBorder: #999999; /* 次按钮边框 */
    --buttonSecondaryText: #999999; /* 次按钮字体颜色 */
}



body{
    margin: 0;
    padding: 0;
    font-size: 12px;
}